body {
	background-color: gainsboro;
	width: 100%;
	font-weight: 900;
	width: 100vw;
	font-size: 2vh;
}

/* 顶部栏 */
#top {
	width: 100%;
	height: 8vh;
	background-color: white;
	font-size: 2vb;
	position: relative;
	/* 把div内的子元素都设置成垂直居中 */
	display: flex;
	align-items: center;
	justify-content: center;
	/* 只对div内的文字有效,水平居中 */
	font-size: 3vb;
	font-weight: bold;
	border-bottom: 1px solid darkgray;
}

.fixed-top {
	position: fixed;
	/* 固定定位 */
	top: 0;
	/* 距顶部0像素 */
	left: 0;
	right: 0;
	/* 左右边界撑满整个屏幕 */
	z-index: 999;
	/* 确保展示在最上层 */
}

.conteng_list {
	width: 100%;
	height: 100%;
	margin-top: 23vh;
}

#top #top_img1 {
	width: 3vh;
	height: 3vh;
	position: absolute;
	right: 5vw;
}

#top #top_img2 {
	width: 3vh;
	height: 3vh;
	position: absolute;
	right: 13vw;
}

/* 四个选项栏  */
#option {
	width: 100%;
	height: 15vh;
	background-color: white;
	display: flex;
	font-size: 1.5vh;
	margin-right: 2vh;
	align-items: center;
	margin-bottom: 0.5vh;
	border-bottom: 1px solid darkgray;
}

.options {
	width: 25vw;
	height: 9vh;
	float: left;
	margin-right: 7vw;
	position: relative;
	display: flex;
	color: white;
	flex-direction: column;
	align-items: center;
	/* 如果你想要图片在文字上方，可以调整flex-direction和order */
	flex-direction: column;
	padding-top: 1vh;
	border-radius: 25%;
}

#option .options:first-child {
	margin-left: 6vw;
	background-color: orange;
}

.options:nth-child(2) {
	background-color: skyblue;
}

.options:nth-child(3) {
	background-color: plum;
}

.options:nth-child(4) {
	background-color: crimson;
}

#option .options img {
	width: 4vh;
	height: 4vh;
	margin-bottom: 1vh;
}
/* 
#options p {
	position: absolute;
	bottom: 0;
	left: 5;
} */

/* 消息内容 */
#content {
	width: 100%;
	height: 80vh;
}

.message {
	width: 100%;
	height: 8vh;
	background-color: white;
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid darkgray;
}

.message .head {
	width: 6vh;
	height: 6vh;
	border-radius: 90%;
	background-color: royalblue;
	position: absolute;
	left: 5vw;

}

.message .title {
	position: absolute;
	left: 21vw;
	top: 1.5vh;
	font-weight: bold;
}

.message .text {
	position: absolute;
	left: 21vw;
	bottom: 1vh;
	color: #D9DADA;
}

.message .time {
	position: absolute;
	right: 5vw;
	top: 1.5vh;
	color: #D9DADA;
}